<template>
  <LhzG :msg="msg" :person="person" @updateName="updateName"></LhzG>
</template>

<script>
import {reactive, ref} from "vue";
import LhzG from "./LhzG.vue";

export default {
  name: "LhzF",
  setup() {
    const msg = ref('我爱你中国，亲爱的母亲');
    const person = reactive({
      realName: '李昊哲',
      slogan: '桃李不言下自成蹊'
    });
    const updateName = function (value) {
      person.realName = value;
    };
    return {
      msg, person,updateName
    }
  },
  components: {
    LhzG
  }
}
</script>

<style scoped>

</style>